遇到过好几次 flex+overflow 的写法，主要是一个需要高度自适应同时有需要能隐藏或者滚动子元素超出的范围的容器，结果就是子元素的高度把容器给撑开了，为了以后不再遇到这个问题所以今天记一下笔记

使用百分比高度时，必须指定父元素的高度，否则使用百分比高度的元素会没有参照系，高度就会按照auto(内容的高度) 进行计算

所以要使用就必需指定从当前元素到根元素 (html)或者一个具有固定高度声明的元素之间所有元素的高度

参考：

https://stackoverflow.com/questions/33636796/chrome-safari-not-filling-100-height-of-flex-parent